@font-face {
    font-family: 'Ownglyph_JAEGEONSA-Rg';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405-2@1.0/Ownglyph_JAEGEONSA-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.noto-serif-kr-<uniquifier> {
  font-family: "Noto Serif KR", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.container {width:1200px;}
.mb_view { display:none; }
.mar_t_0 {margin-top:0 !important;}
.mar_l_0 {margin-left:0 !important;}
.mar_r_0 {margin-right:0 !important;}
.mar_b_0 {margin-bottom:0 !important;}
.pad_t_0 {padding-top:0 !important;}
.pad_l_0 {padding-left:0 !important;}
.pad_r_0 {padding-right:0 !important;}
.pad_b_0 {padding-bottom:0 !important;}

.bor_t_0 {border-top:0 !important;}
.bor_l_0 {border-left:0 !important;}
.bor_r_0 {border-right:0 !important;}
.bor_b_0 {border-bottom:0 !important;}
.bor_0 {border:none !important;}

.mar_b_30 {margin-bottom: 30px;}
.mar_b_50 {margin-bottom: 50px;}
.mar_b_80 {margin-bottom: 80px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_b_120 {margin-bottom: 120px;}
.mar_b_150 {margin-bottom: 150px;}

.mar_t_50 {margin-top: 50px;}
.mar_t_60 {margin-top: 60px;}
.mar_t_80 {margin-top: 80px;}
.mar_t_100 {margin-top: 100px;}
.mar_t_150 {margin-top: 150px;}

.pad_t_50 {padding-top: 50px;}
.pad_t_100 {padding-top: 100px;}
.pad_t_120 {padding-top: 120px;}
.pad_t_150 {padding-top: 150px;}

.pad_b_50 {padding-bottom: 50px;}
.pad_b_100 {padding-bottom: 100px;}
.pad_b_120 {padding-bottom: 120px;}
.pad_b_150 {padding-bottom: 150px;}

.after:after {content: ''; clear: both; display: block;}
.float_l {float:left;}
.float_r {float:right;}

.po_rel {position:relative;}
.vh_center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content;}
.text_center {text-align:center;}
.hide {display:none;}

p {margin: 0;}


.swiper-pagination-bullet-active {    background: #07a950;}

/* PC 헤더 */
.header { width:100%; position:fixed; top:0; left:0; z-index:99; background:rgba(0,135,60, 0.7); font-size:0; display:block; box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.1); transition:.5s; }
.header .wrapper { width:100%; display:inline-block; position:relative;} 
.header .header_container { width:100%; margin:0 auto; position:relative;}
.header .header_container .logo { width:20%; float:left; line-height:80px; transition:.5s; }
.header .header_container .logo img { padding-left:30px; max-width:250px; }
.header .header_container .pc_header { position:relative; width:75%; max-width:1200px; float:right; margin-right: 30px;}
.header .header_container .pc_header .gnb_empty { display:inline-block; margin-top:16px;}
.header .header_container .pc_header .gnb_empty a { margin-left:0; font-weight:600; }
.header .header_container .pc_header ul { position:relative; display:flex; justify-content: center;}
.header .header_container .pc_header ul li.depth1 { transition:.5s; width:12.5%; position:relative; text-align:center; line-height:80px; }
.header .header_container .pc_header ul li.depth1 ul { display:none; line-height:24px; z-index:9999; position:relative; width:100%; padding:5px; padding-top:0; top:0px; left:0; }
.header .header_container .pc_header ul li.depth1 ul li a { color:#fff; font-size:16px; line-height:2.5em; text-align:left; margin:0; }
.header .header_container .pc_header ul li.depth1 ul li:hover a { position:relative; color:#45ff99; }
.header .header_container .pc_header ul > li { display:inline-block; font-size:16px; letter-spacing:-1px; color:#fff;} 
.header .header_container .pc_header ul li a {display:inline-block; font-size:18px; letter-spacing:-1px; color:#fff; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.header .header_container .pc_header ul li a.gnb_al_a {font-family: 'Pretendard-Bold';}
.header .header_container .pc_header ul li:nth-last-of-type(1) a { margin-right:0; }
.header .header_container .pc_header ul li.depth2 { width:100%; position:relative; }
.header .header_container .pc_header ul li.depth2:nth-child(1) { margin-left:0; }
.header .header_container .pc_header ul li.depth1 ul .ptmenu { width:100%; margin:0 auto; max-width:1200px; text-align:center;}

.pc_submenu { width:100%; position:absolute; top:0; left:0; background:rgba(0,0,0, 0.4); display:inline-block; padding-bottom:20px; transition:0.3s ease all;}

.header.active .header_container .logo { line-height:60px;transition:.5s; }
.header.active .header_container .logo .pc_view { display:none; }
.header.active .header_container .logo .mb_view { display:inline-block !important; }


.header.active { background:#fff; transition:.5s; }
.header.active .pc_submenu { width:100%; position:absolute; top:0; left:0; background:#fff; display:inline-block; padding-bottom:15px; transition:0.3s ease all; box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.1);}

.header.active .header_container .pc_header ul li.depth1 { line-height:60px; transition:.5s;}
.header.active .header_container .pc_header ul li a.gnb_al_a { color:#000; }
.header.active .header_container .pc_header ul li.depth1 ul li a { color:#000; text-align:left; margin:0; }
.header.active .header_container .pc_header ul li.depth1 ul li:hover a {color:#07a950;}

.header .header_container .pc_header ul li.depth1 ul li a { position:relative; transition: 0.4s ease all;}
.header .header_container .pc_header ul li.depth1 ul li {position:relative; transition: 0.4s ease all;}








/* 메인슬라이드 */
.main_slide .swiper-slide {width: 100%; height: 850px; overflow: hidden; position: relative;}
.main_slide .swiper-slide .bg {width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 4000ms ease-in-out; -moz-transition: all 4000ms ease-in-out; -o-transition: all 4000ms ease-in-out; transition: all 4000ms ease-in-out; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}

.main_slide .swiper-slide-active.slide .bg {-webkit-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01);}
.main_slide_text {position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: max-content; z-index: 2; text-align:center; font-family: 'NanumSquareRound'; font-weight:700; font-size:3.5vw; line-height: 5.5vw; color:white; text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);}
.main_slide_text .green {color:#92f7c0;}
.main_slide_text .pink {color:#f176b3;}

/* 사이드메뉴 */
.side_fixed_menu {background:#07a950; position: fixed; width: 120px; right: 50px; border-radius: 60px; top: 50%; transform: translateY(-50%); z-index: 10; text-align:center; padding: 40px 0;}
.side_fixed_menu li {margin-bottom: 15px;}
.side_fixed_menu li:last-child {margin-bottom: 0;}
.side_fixed_menu li a {display: block}
.side_fixed_menu li p {color:white; margin-top: 3px; margin-bottom: 0; font-family: 'Pretendard-Bold'; font-size:15px; letter-spacing: -0.3px;}
.side_fixed_menu li img {width: 40px;}

/* 메인 퀵 메뉴 */
.quick_btn {overflow: hidden;}
.quick_btn li {float:left; width:33.333%;font-size:20px; padding:5px; height: 200px;}
.quick_btn li.title { text-align:center; font-size:40px; font-family: 'Pretendard-Bold'; line-height: 200px; color:#222;}
.quick_btn li a {display:block; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-radius:20px; height: 100%; padding: 20px 30px;	}
.quick_btn li.list a {background: url(../img/icon_arrow.png) no-repeat 90% 90% ;		} /*#fdfaf7 border: 1px solid #f3ebe4; color:#07a950;*/
.quick_btn li a h3 {font-family: 'Pretendard-Bold'; font-size:30px;}
.quick_btn li a p {font-size:16px; color:#666;	}

.quick_btn li.list:nth-child(2) a {background-color:#ecfff5; border: 1px solid #daf0e4;} 
.quick_btn li.list:nth-child(3) a {background-color:#effcff; border: 1px solid #e4f3f6;} 
.quick_btn li.list:nth-child(4) a {background-color:#fff8f1; border: 1px solid #f3ebe4;} 
.quick_btn li.list:nth-child(5) a {background-color:#f0e5ff; border: 1px solid #ebe4f6;} 
.quick_btn li.list:nth-child(6) a {background-color:#ffedf5; border: 1px solid #f7e8f0;} 

.quick_btn li.list:nth-child(2):hover a {background-image: url(../img/icon_arrow_on_2.png); background-position-x: 95%;}
.quick_btn li.list:nth-child(3):hover a {background-image: url(../img/icon_arrow_on_3.png); background-position-x: 95%;}
.quick_btn li.list:nth-child(4):hover a {background-image: url(../img/icon_arrow_on_4.png); background-position-x: 95%;}
.quick_btn li.list:nth-child(5):hover a {background-image: url(../img/icon_arrow_on_5.png); background-position-x: 95%;}
.quick_btn li.list:nth-child(6):hover a {background-image: url(../img/icon_arrow_on_6.png); background-position-x: 95%;}

.quick_btn li.list:nth-child(2):hover a h3 {color:#07a950;}
.quick_btn li.list:nth-child(3):hover a h3 {color:#6f9af1;}
.quick_btn li.list:nth-child(4):hover a h3 {color:#f9a050;}
.quick_btn li.list:nth-child(5):hover a h3 {color:#aa7cf6;}
.quick_btn li.list:nth-child(6):hover a h3 {color:#ed72af;}

/* 메인 뉴스 최신글 */
.news_latest {width:50%; padding-right: 30px;}
.news_latest li {border-radius:20px; border:1px solid #eee; padding: 30px 25px; margin-bottom: 23px;}
.news_latest li:last-child {margin-bottom: 0;}
.news_latest li .lt_tit {font-size:20px; margin-top: 0; font-family: 'Pretendard-Bold';}
.news_latest li p {color:#999; font-size:16px; line-height: 26px;}
.news_latest li .lt_info {text-align:right;}
.news_latest li:hover .lt_tit {color:#07a950;}
.news_latest li:hover .lt_info {}

/* 사주오행 조회 */
.saju_box {width:49%; background-image: url(../img/saju_bg.jpg); border-radius:20px; padding:50px 30px; }
.saju_box h2 {margin: 0 auto 20px;  font-size:40px; text-align:center;  font-family: 'Ownglyph_JAEGEONSA-Rg';}
.saju_box h4 {margin: 10px auto 5px;  font-size:24px; font-family: 'Ownglyph_JAEGEONSA-Rg';}
.saju_box table {width:100%;}
.saju_box table td {padding-bottom: 15px;}
.saju_box table tr:last-child td {padding-bottom: 0px;}
.saju_box table input[type="text"] {height: 50px; font-size:20px; background: none; border: 0; box-shadow: none; border-bottom: 1px solid #aaa; border-radius: 0; width: 100%;}
.saju_box table select {font-size:18px; height: 40px; padding: 0 10px;	}
.saju_box table span {font-size:18px; display:inline-block; line-height: 40px; vertical-align: bottom; margin: 0 5px 0 3px;	}

.saju_box .saju_submit {background:#222; color:#fff;  text-align:center;  font-size:24px; font-family: 'Ownglyph_JAEGEONSA-Rg';  border-radius:10px; display:block; height:50px; line-height: 55px;-webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.saju_box .saju_submit:hover { background:#07a950;}

.saju_box input[type='checkbox'], .saju_box input[type='radio'] {display: none; }
.saju_box input[type='checkbox'] + label, .saju_box input[type='radio'] + label {display: inline-block; height: 40px; line-height: 40px; padding: 0 25px; font-size:16px; border:1px solid #aaa; border-radius:10px; cursor:pointer;}
.saju_box input[type='checkbox']:checked + label, .saju_box input[type='radio']:checked + label {color:#fff; background:#07a950; border:1px solid #07a950;}



/*---------- Footer - 하단 정보 ----------*/
.sns_link {text-align:center; margin-bottom: 30px;}
.sns_link li {display:inline-block; margin: 0 10px; border-radius: 20px; overflow: hidden;}
.sns_link li img {width: 40px;}

.footer {background:#222;padding:80px 0; text-align: center;}
.footer-menu {margin-bottom: 30px; margin-left: 0;}
.footer-menu li a {color:#ccc;font-size:16px}
.footer-menu li a:hover {color:#fff}
.footer-info {margin:0;color:#efefef;font-size:16px;    line-height: 26px;}
.footer-info .info-divider {color:#555}
.footer-info .point {color:#07a950}

.copyright {color:#666; margin-top: 30px; }



/* 서브페이지 공통 */
.basic_body_sub .sub_page_title_bg {width:100%; height:450px; background: url(../img/sub_title_bg_1.jpg) no-repeat center; background-size:cover;	 }
.basic_body_sub .sub_page_title_bg.bg_2 {background: url(../img/sub_title_bg_2.jpg) no-repeat center; background-size: cover;}
.basic_body_sub .sub_page_title_bg.bg_3 {background: url(../img/sub_title_bg_3.jpg) no-repeat center; background-size: cover;}
.basic_body_sub .sub_page_title_bg.bg_4 {background: url(../img/sub_title_bg_4.jpg) no-repeat center; background-size: cover;}
.basic_body_sub .sub_page_title_bg.bg_5 {background: url(../img/sub_title_bg_5.jpg) no-repeat center; background-size: cover;}
.basic_body_sub .sub_page_title_bg .title {font-family: 'Pretendard-Bold'; font-size:50px; color:white; top: 55%;}

.sub_content_title { font-size: 35px; font-family: 'Pretendard-Bold'; margin-bottom: 30px;}
.content_box p {font-size: 20px; line-height: 30px; color:#666}
.content_box p span.bold {font-family: 'Pretendard-Bold'; color:#000;}
.content_box p:hover span.bold {color:#07a950}
.content_box a.link {display:inline-block; font-size: 16px; padding:10px 25px; color:white; background: #222; border-radius:10px; margin-top: 10px;}
.content_box a.link:hover {background: #07a950;}




/* 인사말 */
.intro_page .intro_img {border-radius: 30px; overflow: hidden; }
.intro_page .intro_img img { /*-webkit-animation: intro_img 10s infinite alternate; animation: intro_img 10s infinite alternate;*/}
.intro_page .say h2 {font-size:40px; font-family: 'Ownglyph_JAEGEONSA-Rg';}
.intro_page .say p {font-size:20px; line-height: 30px;}


@keyframes intro_img {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-100px);
  }
}

/* 경력 */
.history_page ul {margin: 0 -1.5%;}
.history_page ul li {float:left; width:30%; margin: 3% 1.5%; border-radius: 20px; overflow: hidden; box-shadow: 0 5px 30px 0 rgba(255, 255, 255, 0); background-color: #f5f7f9; transition: box-shadow 0.3s, transform 0.3s, background-color 0.3s;}
.history_page ul li:hover {box-shadow: 0 5px 30px 0 rgba(13, 50, 111, 0.15); background-color: #fff; transform: translateY(-5px);    }
.history_page ul li .img {position: relative; display: block; width: 100%; height: 480px; /*padding-top: 63%;*/ border-radius: 20px 20px 0 0; overflow: hidden; transition: border-radius 0.3s;}
.history_page ul li .img img {/*position: absolute; left: 0; top: 0; */width: 100%; height: 100%; object-fit: cover; filter: brightness(0.98);}

.history_page ul li .txt_box { padding: 20px;  min-height: 100px; transition: background-color 0.3s; }
.history_page ul li .txt_box .tit { font-size: 20px; font-family: 'Pretendard-Bold'; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 28px; text-align: left; margin-bottom: 0;}


.lb-dataContainer {margin-top: 10px;}
.lb-data .lb-caption {font-size:18px;}
.lb-data .lb-number {display:none !important;}


/* 요금 및 신청안내 */
.cost_page h4 {font-size: 24px; font-family: 'Pretendard-Bold'; margin-bottom: 15px; border-bottom:1px solid #eee; padding-bottom: 10px; margin-top: 0;}

.cost_page .cost_box {margin: 0 -2.5%;}
.cost_page .cost_box .list {width:45%; margin: 0 2.5% 5%;}
.cost_page .cost_box ul li {display:inline-block; font-size: 20px; line-height: 30px; margin-right: 15px;}
.cost_page .cost_box ul li span {display:inline-block; font-size: 16px; width:80px; line-height: 30px;	 border-radius:15px; text-align:center; color:white; vertical-align: bottom; margin-right: 5px;}
.cost_page .cost_box ul li span.type_1 {background: #07a950;}
.cost_page .cost_box ul li span.type_2 {background: #6f9af1;}
.cost_page .cost_box ul li span.type_3 {background: #f9a050;}


/* 찾아오시는 길 */
.location_page #map {width:100%; padding-top: 45%;}
.location_page .addr_info .addr {font-size: 30px; line-height: 40px; color:#07a950; font-family: 'Pretendard-Bold';}
.location_page .addr_info .link { line-height: 40px; padding: 0 25px; color:#07a950; border-radius:20px; font-size:18px; border:1px solid #07a950;	}
.location_page .addr_info .link:hover {background:#07a950; color:#fff;}

.location_page .map_img {border-radius:50px;}

.location_page table {width:100%; border-top:2px solid #07a950; margin-top: 30px;}
.location_page table tr {border-bottom: 1px solid #eee;}
.location_page table th, .location_page table td { height:80px; vertical-align:middle; font-size: 20px;}
.location_page table th {font-family: 'Pretendard-Bold';}



/* 인명용 한자 */
.hanja_page .guide {font-size: 14px; line-height: 20px; margin-top: 10px;}
.hanja_page .guide_btn {font-family: 'Pretendard-Regular'; border:none; font-size: 16px; background: #222; border-radius: 20px; color: white !important; display: inline-block; margin-bottom: 15px;}
.hanja_page .guide_btn.ui-button:active, .hanja_page .guide_btn.ui-button:hover, .hanja_page .guide_btn.ui-button:visited, .hanja_page .guide_btn.ui-button:focus {border:none;}
.hanja_page .guide_btn.ui-button:focus {background: #222;}
.hanja_page .guide_btn.ui-button:active, .hanja_page .guide_btn.ui-button:hover {background:#07a950;}

.ui-dialog {padding:0;}
.ui-widget-header {border:none;background:none;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {    border-radius: 0;}
.ui-dialog .ui-dialog-title {font-size: 16px; font-family: 'Pretendard-Regular'; }
.ui-dialog .ui-dialog-titlebar-close, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {    border-radius: 20px; border: none;}
.ui-dialog .ui-dialog-titlebar-close {right:10px;}

.ui-dialog .ui-dialog-content {font-family: "Noto Serif KR", serif;}
.ui-dialog .ui-dialog-content table {width:100%; border:1px solid #eee; font-size:18px;}
.ui-dialog .ui-dialog-content table tr {border-bottom:1px solid #eee;}
.ui-dialog .ui-dialog-content table td {height: 50px; vertical-align: middle; text-align:center;}
.ui-dialog .ui-dialog-content table tr td:first-child {border-right:1px solid #eee;}



.hanja_content {margin-left: -0.5%; margin-right: -0.5%; margin-top: 50px;}
.hanja_content li {float:left; width:24%; height:160px; margin:0.5%;  border-radius:20px; background:#f9f9f9; }
.hanja_content li .hanja_box {text-align:center; width:100%; padding:0 10px;}
.hanja_content li .hanja_box h4 {font-family: "Noto Serif KR", serif; font-weight:700; font-size: 40px; margin: 0 0 10px;}
.hanja_content li .hanja_box p {margin: 3px 0 0; color:#666; line-height: 20px; font-size: 14px;}
.hanja_content li .hanja_box p span {font-family: 'Pretendard-Bold';}
.hanja_content li:hover {background:#07a950;}
.hanja_content li:hover .hanja_box h4, .hanja_content li:hover .hanja_box p {color:#fff;}

.sort_table {width: 100%;}
.sort_table .first_sort td a {display: inline-block; width:40px; height: 40px; line-height: 40px; border-radius:20px; font-size: 20px;text-align:center; margin-right: 5px;	}

.second_sort {padding: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 15px; margin-bottom: 10px;}
.second_sort li {float: left; font-size: 18px; margin: 2px; width: 40px; height: 40px; line-height: 40px; background: #f9f9f9; text-align: center;
cursor: pointer;}
.second_sort li.active {font-family: 'Pretendard-Bold'; background:#07a950;	}
.second_sort li.active a {color: #fff;}







/* 작명신청 페이지 */
.tbl_request {width: 100%;border-collapse: collapse;border-spacing: 0;box-sizing: border-box;border: 1px solid #eee;}
.tbl_request tr {border-bottom: 1px solid #eee;}
.tbl_request th {font-family: 'Pretendard-Bold'; font-size: 16px; border-right: 1px solid #eee;     padding: 15px 10px;}
.tbl_request td {font-size: 16px;    padding: 15px 10px;}
.tbl_request td label {margin-bottom: 0; margin-right: 5px;}
.tbl_request td .select {min-width:80px;font-size: 16px;   height:35px; line-height: 35px; border:1px solid #ccc; border-radius:3px;}
.tbl_request td .input {min-width:150px;font-size: 16px;   height:35px; line-height: 35px; border:1px solid #ccc; border-radius:3px; padding:0 10px; margin-right: 5px;}
.tbl_request td textarea {resize:none;}
.tbl_request td .textarea {width:100%; height:200px; border:1px solid #ccc; border-radius:3px; padding: 10px;}

.tbl_request td .btn_trans_han {width: 80px; height:35px; line-height: 35px; background:#222; color:white; border:none; border-radius:3px;}
.tbl_request td .han_translate {border:1px solid #07a950; width:150px; background:#f9f9f9; font-family: "Noto Serif KR", serif; font-weight:700;}
.tbl_request td .btn_zipcode{width: 120px; height:35px; line-height: 35px; background:#222; color:white; border:none; border-radius:3px; text-align:center; } 
.tbl_request .mgb10 {margin-bottom: 10px;}
.tbl_request .mgb5 {margin-bottom: 5px;}

.tbl_request input[type=radio], .tbl_request input[type=checkbox] {margin: 0 5px 0 0;}

.tbl_request .guide td {padding: 20px; background:#f9f9f9; }
.tbl_request .guide td ul li {line-height: 20px; margin-bottom: 10px;}
.tbl_request .guide td ul li:last-child {margin-bottom: 0;}

.naming_page .form-agree h5 {font-family: 'Pretendard-Bold'; font-size: 20px;}
.naming_page .form-agree .scroll_box {border:1px solid #eee; overflow-y:auto; height:100px; padding:15px; font-size:14px; line-height: 20px;}
.naming_page .checkbox_wrap {font-size:14px; margin-top: 10px;}
.naming_page .checkbox_wrap label {vertical-align:middle; margin-left: 5px;	}
.naming_page .btn-pack {width:150px; height: 45px; line-height: 45px; font-size: 16px; border-radius: 10px;}
.naming_page .btn-pack.submit {background:#222; color:white; box-shadow:none; border:none;}
.naming_page .btn-pack.cancel {border:1px solid #222; color:#222; box-shadow:none;}


/* 네이밍 인트로 페이지 */
.intro_text {font-size:20px; line-height: 35px;}
.naming_slide {}
.naming_slide .swiper-slide .img_wrap {background:#f9f9f9;}
.naming_slide .swiper-slide img {width:100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.intro_paper {background: url(../img/paper_bg.jpg) repeat; padding:50px;  }
.intro_paper h3 {font-family: "Noto Serif KR", serif; font-size:24px; font-weight: 700; }
.intro_paper p {font-family: "Noto Serif KR", serif; font-size:20px; line-height: 40px; margin-bottom: 30px; color:#444;}
.intro_paper p:last-child {margin-bottom: 0;}


/* 기타 페이지 */
.etc_page .cont_text {font-family: "Noto Serif KR", serif; line-height: 30px;}




/* 진행순서 페이지 */
.process_page ul li {float:left; width: calc(33.333% - 50px); height:160px; border-radius:20px; position:relative;  text-align:center; margin-bottom: 20px;}
.process_page ul li span.type {display: inline-block; font-size:16px; font-family: 'Pretendard-Bold'; background:#f9a050; width:80px; border-radius:15px; color:white; margin-bottom: 10px;}
.process_page ul li p {font-size:20px; line-height: 30px;}

.process_page ul li.customer {background-color: #fdfaf7; border: 1px solid #f3ebe4;}
.process_page ul li.customer span.type {background:#f9a050;}

.process_page ul li.jeongwon {background-color: #f4fdf8; border: 1px solid #daf0e4;}
.process_page ul li.jeongwon span.type {background:#07a950;}

.process_page ul li.arrow {width:50px;}
.process_page ul li.arrow img { }


/* 알기쉬운성명학 페이지 */
.fortune_name_page .half_img_wrap {margin-left: -2%; margin-right: -2%;}
.fortune_name_page .w_50 {float:left; width:46%; margin: 0 2%;	}


.fortune_name_page table {width:100%; border-top:2px solid #07a950; margin-top: 30px;}
.fortune_name_page table tr {border-bottom: 1px solid #eee;}
.fortune_name_page table th, .fortune_name_page table td {height:60px; vertical-align:middle; font-size: 18px; border-right: 1px solid #eee; padding: 0 15px;}
.fortune_name_page table th:last-child, .fortune_name_page table td:last-child {border-right:0;}
.fortune_name_page table th { font-weight: 700; }
.fortune_name_page table .title th {text-align:center; color:#07a950; font-size:20px;}

.fortune_name_page h5 {font-size:20px; line-height: 30px; padding: 15px 30px; text-align:center; color:#07a950; background-color: #f4fdf8; border: 1px solid #daf0e4;}
.fortune_name_page h5.red {background-color: #fff3f3; border: 1px solid #f1c3c3; color:#e54a4a;}
.fortune_name_page h5 .underline {font-family: 'Pretendard-Bold'; }
.fortune_name_page h5 .round {display: inline-block; background:#07a950; padding: 3px 15px; border-radius:15px; color:white; font-size:16px; line-height: 24px; margin-top: 10px;}

.fortune_name_page h6 {font-family: 'Pretendard-Bold';  font-size:20px; line-height: 30px; padding-bottom: 10px; border-bottom:1px solid #eee; margin-bottom: 15px; color:#666;}

.fortune_name_page .hanja_content {margin-top: 0;}

.fortune_name_page ul.list li {font-size:20px; line-height: 30px; margin-bottom: 10px;}
.fortune_name_page ul.list li span {display:inline-block; width:25px; height: 25px; line-height: 25px; text-align:center; background:#333; color:white; border-radius:15px; font-size:14px; vertical-align: text-top;}
.fortune_name_page ul.list li:hover {color:#07a950;}
.fortune_name_page ul.list li:hover span {background:#07a950;}

.fortune_name_page .final {background: url(../img/paper_bg.jpg) repeat; padding: 50px; text-align:center;}
.fortune_name_page .final h3 {font-size:40px; line-height: 50px; font-family: 'Ownglyph_JAEGEONSA-Rg';}
.fortune_name_page .final p {font-size:20px; line-height: 30px; }
.fortune_name_page .final h5 {}



/* 메인 사주 조회 팝업 */
#saju_modal .modal-header {padding: 20px 10px 10px;}
#saju_modal h5 {text-align:center;}
#saju_modal .pop_logo {width:200px;}
#saju_modal .recruit-inquiry .first-dl { border-top: 2px solid #07a950;}
#saju_modal .recruit-inquiry dl {border-bottom: 1px solid #eee;}
#saju_modal .modal-footer {text-align:center; padding-bottom: 20px;}
#saju_modal .modal-footer .btn {width: 150px; height: 40px; line-height: 40px; font-size: 16px; padding: 0;}
#saju_modal .table {margin-bottom: 0;}






/* 신청 확인 페이지 */
.check_application { max-width: 600px; margin: 0px auto;}
.check_application .check_form form {}
.check_application .form_group { margin-bottom: 20px;}
.check_application .form_group label {font-family: 'Pretendard-Bold'; display: block; margin-bottom: 10px; font-size:16px; }
.check_application .form_group input[type="text"] { width: 100%; padding: 0 10px; height: 50px; line-height: 50px; border: 1px solid #eee; border-radius: 3px; font-size: 16px; transition: border-color 0.3s ease;}
.check_application .form_group input[type="text"]:focus { border-color: #07a950; outline: none;}

.check_application .btn_confirm { text-align: center;}
.check_application .btn_submit {display: inline-block; background-color: #333; border: none; color: #fff; padding: 12px 25px; font-size: 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease;}
.check_application .btn_submit:hover { background-color: #07a950;}

.check_application .screen-reader-text {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

.check_application table {width: 100%; margin-bottom: 20px;}
.check_application table th {background:#f9f9f9;}
.check_application table th, .check_application table td {padding:12px; border:1px solid #ddd; text-align:center; font-size:16px;}